<template>
  <common-info-dialog
    :visible="dialogShow"
    :title="dialogTitle"
    width="800px"
    @cancel="close"
  >
    <common-info-table>
      <common-info-table-cell label="IP地址" width="50%">{{
        form.ip
      }}</common-info-table-cell>
      <common-info-table-cell label="端口" width="50%">{{
        form.port
      }}</common-info-table-cell>

      <common-info-table-cell label="接口名称">{{
        form.apiName
      }}</common-info-table-cell>
      <common-info-table-cell label="数据量" width="50%">{{
        form.datasize
      }}</common-info-table-cell>
      <common-info-table-cell label="请求方式" width="50%">{{
        form.method
      }}</common-info-table-cell>
      <common-info-table-cell label="接口版本" width="50%">{{
        form.version
      }}</common-info-table-cell>
      <common-info-table-cell label="访问端用户" width="50%">{{
        form.sourceIp
      }}</common-info-table-cell>

      <common-info-table-cell label="数据分类编码" width="50%">{{
        form.typeCode
      }}</common-info-table-cell>
      <common-info-table-cell label="数据分类名称" width="50%">{{
        form.typeName
      }}</common-info-table-cell>
      <common-info-table-cell label="数据分级编码" width="50%">{{
        form.levelCode
      }}</common-info-table-cell>
      <common-info-table-cell label="数据分级名称" width="50%">{{
        form.levelName
      }}</common-info-table-cell>

      <common-info-table-cell label="业务系统" width="50%">{{
        form.appName
      }}</common-info-table-cell>

      <common-info-table-cell label="访问时间" width="50%">{{
        form.accessTime
      }}</common-info-table-cell>

      <common-info-table-cell label="创建时间">{{
        form.createTime
      }}</common-info-table-cell>
    </common-info-table>
  </common-info-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogTitle: "详情",
      dialogShow: false,
      form: {},
    };
  },
  methods: {
    close() {
      this.dialogShow = false;
    },
    show(data) {
      this.dialogShow = true;
      this.form = data || {};
    },
  },
};
</script>

<style lang="scss" scoped>
</style>
